@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; }
img{ border:0;}
a{ text-decoration:none; color:#ffffff; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* 导航栏 */
.header_nav{height:156px; width:100%; position: absolute; top:0; left:0; z-index: 9}
.header_nav .container{position: relative; width:1262px; }
.header_dh{width:100%; height: auto; overflow: hidden; text-align: center; margin: 10px 0}
.header_dh p{width:249px; height: 36px; background: #004097; line-height: 36px; font-size: 14px; color: #fff; float: right; border-radius: 25px; }
.header_dh p span{font-size: 24px; color: #fff; font-family: "Impact"}
.h_daohang{width:100%; height: 100px; background: #fff; border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,0.2); padding: 0px 25px; }
.in_logo{width:220px; height:auto; float:left; margin-top: 10px;}
.in_logo h3{ font-size: 24px; color: #004097; font-weight: bold;}
.in_logo p{font-size: 14px; color: #333333;}
#nav{width:900px; height:100px; text-align:center; float:right; margin-left: 68px; }
#nav ul{width:100%; float:left}
#nav li{float:left; height:100px; box-sizing: border-box; position:relative; z-index:99; width:112px; }
#nav a.nav_h{width:100%; display:block; float:left; line-height:100px; color:#333333;outline:none;position:relative; font-size: 16px;}
#nav a.nav_h span{font-size:14px;-webkit-text-size-adjust:none;line-height:14px; display:block; position:relative; color: #333333; margin-top: 6px}
#nav li ul{width:120px; display:none; position:absolute; background:#ddd; top:100px; left:50%; padding:10px 0; z-index:99; margin-left: -60px;}
#nav li ul li{width:100%; line-height:30px; height:30px; margin:0; position:relative; padding:0px; background:none; z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{width:100%; height:30px; line-height:30px; color:#333; font-size:14px; float:none; display: block}
#nav li:last-child{background: none;}
#nav li.active{background:url(../images/nav.png) no-repeat bottom center}
#nav li.nav_li:hover{background:url(../images/nav.png) no-repeat bottom center}
#nav li ul li:hover a{color:#004097}
/* 首页:banner */
.banner{ width:100%; height:860px; position: relative; overflow: hidden}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -40px; bottom:20px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background:#b9946a}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }
.slideBox .prev,.slideBox .next{ position:absolute; top:50%; margin-top:-32.5px; display:block; width:65px; height:65px; }
.slideBox .next{right:10px; background: url(../images/banner_right.png) no-repeat center}
.slideBox .prev{left:10px;; background: url(../images/banner_left.png) no-repeat center}
.slideBox .prev:hover,
.slideBox .next:hover{}
/*产品*/
.index_product{width:100%; height:auto; overflow: hidden; margin-bottom: 70px; position: relative; margin-top: -60px; z-index: 9;}
.index_product .container{background: #fff; overflow: hidden; position: relative; z-index: 9; padding-top: 55px; padding-bottom: 55px;}
.index_product:after{content: ""; width: 90%; height:100%; background: #fff; position:absolute; top:0; right:0; z-index:1}
.index_product_title{width:100%; height: 47px; overflow: hidden;}
.index_product_title h3{font-size: 36px; color: #292f3b; font-weight: bold; float: left; line-height: 47px;}
.index_product_title h3 span{color:#004097; font-weight: bold; font-size: 36px;}
.index_product_title p{font-size: 18px; color: #999999; font-family: "Arial"; float: left; margin-left: 20px; margin-top:24px;}
.index_product_title a{float: right; width:32px; height: 32px; margin-top: 12px; }
.pro_nav{width:auto; height:auto; display: table; margin: 50px auto;}
.pro_nav a{width:135px; height: 43px; text-align: center; line-height: 40px; color:#fff; font-size: 16px; color: #333; border: 2px solid #004097; float: left;
margin: 0px 15px; border-radius: 25px;}
.pro_nav a:hover{background: #004097; color:#fff}
.index_pro_all{width:100%; height: auto; overflow: hidden}
.index_pro_all ul{width:100%; height: auto; overflow: hidden}
.index_pro_all ul li{width:290px; height: auto; float: left; margin-right: 13px; margin-bottom: 30px; position: relative}
.index_pro_all ul li:nth-child(4n){margin-right: 0}
.in_pro_pic{width:100%; height: auto; overflow: hidden; position: relative; padding: 8px;}
.in_pro_pic img{width:100%; height: auto; display: block; position: relative; z-index: 9; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.index_pro_all ul li h3{width:100%; height: 35px; border: 1px solid #292f3b; text-align: center; line-height: 35px; color:#333333; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 8px;}
.in_pro_pic:after{content:""; width:100%; height: 204px; background: #eeeeee; position: absolute; top:0; left:0;}
.in_pro_pic div{width:100%; height: 100%; overflow: hidden}
.index_pro_all ul li:hover .in_pro_pic:after{background: #004097}
.index_pro_all ul li:hover h3{color:#fff; background: #004097; border: 0}
.index_pro_all ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-bottom: 70px}
.index_about_left{width:568px; height: auto; float: left}
.index_about_t{width:100%; overflow: hidden}
.index_about_t h3{font-size: 36px; color: #ffffff; float: left; font-weight: bold;}
.index_about_t h3 span{color:#FFF; font-size: 36px;}
.index_about_t p{font-size: 18px; color: #a8b1c3; font-family: "Arial"; margin-left: 20px; float: left; margin-top: 20px;}
.about_jt h3{font-size: 18px; color: #fbfbfb; font-weight: bold; float: left}
.about_jt{width:100%; height: 40px; line-height: 40px; margin-top: 50px;}
.about_jt img{margin-top: 8px; margin-left: 20px;}
.about_info{width:100%; height:120px; font-size: 16px; color: #fbfbfb; line-height: 30px; overflow: hidden; margin: 40px 0; display: block; text-indent: 2rem }
.index_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: 92px;}
.index_about_bottom dl{width:100px; height: auto; float: left; margin-right:118px;}
.index_about_bottom dl:last-child{margin-right:88px}
.index_about_bottom dl dt{width:87px; height: 87px; border-radius: 50%; border: 2px solid #a8b1c3; margin: 0px auto; -webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.index_about_bottom dl dd{width:100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fbfbfb; margin-top: 10px;}
.ab_1{background: url(../images/icon1.png) no-repeat center}
.ab_2{background: url(../images/icon2.png) no-repeat center}
.ab_3{background: url(../images/icon3.png) no-repeat center}
.index_about_bottom dl:hover .ab_1{background:#a8b1c3 url(../images/iconh1.png) no-repeat center}
.index_about_bottom dl:hover .ab_2{background:#a8b1c3 url(../images/iconh2.png) no-repeat center}
.index_about_bottom dl:hover .ab_3{background:#a8b1c3 url(../images/iconh3.png) no-repeat center}
.index_about_right{width:580px; height: auto; float: right}
.in_about_video{width:527px; height: 264px; float: right}
.in_about_video img{width:100%; height: auto; display: block}
.in_about_video video{width:100%; height: auto; display: block}
.in_about_bimg{width:100%; height: auto; overflow: hidden; margin-top:10px;}
.in_about_bimg img{width:535px; height: auto; float: left}
.in_about_bimg p{font-size: 16px; color: #a8b1c3; font-family: "Arial"; position:relative; writing-mode:tb-rl; float: right}
.in_about_bimg p:after{content: ""; width: 1px; height: 98px;; background: rgba(255,255,255,0.2); position: absolute; top:100px; left:8px; }
.index_about_bottom dl:hover dt{
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);
}
/*优势*/
.index_youshi{width:90%; height: auto; background: #fff; padding: 70px 0; float: right; overflow: hidden; margin-bottom: 70px; position: relative; margin-top: -128px; z-index: 9;}
.index_youshi .container{width:1215px;}
.index_youshi_title{width:100%; height: auto; overflow: hidden}
.index_youshi_title h3{font-size: 36px; color: #292f3b; float: left; font-weight: bold;}
.index_youshi_title h3 span{color:#004097; font-size: 36px;}
.index_youshi_title p{font-size: 18px; color: #a8b1c3; font-family: "Arial"; margin-left: 20px; float: left; margin-top: 20px;}
.index_youshi_title h5{float: right; font-size: 16px; color: #666666; line-height: 48px; }
.index_youshi_title img{margin-top:12px; margin-left: 30px;}
.index_youshi ul{width:100%; height: auto; overflow: hidden; margin-top: 55px;}
.index_youshi ul li{width:599px; height: 220px; float: left; position:relative; background: url(../images/ts_bjs.png) no-repeat center; padding-left: 72px;
padding-top: 42px; margin-bottom:20px; }
.index_youshi ul li:nth-child(2n){float: right; }
.index_youshi_al{width:430px; height: auto; }
.youshi_al_t{width:100%; height: auto; overflow: hidden}
.youshi_al_t img{float: left}
.youshi_al_t h3{font-size: 24px; color: #004097; float: left; font-weight: bold; margin-top:26px; margin-left: -25px;}
.ys_jts{margin-top:30px; margin-left:30px;}
.index_youshi ul li p{width:auto; font-size: 16px; color: #333333; line-height: 30px; margin-top:15px; margin-left:30px;}
/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-bottom: 60px; position: relative; background: #fff;}
.index_news .container{background: #fff; position: relative; z-index: 9; padding-top: 42px; padding-bottom: 50px;}
.index_news:after{content: ""; width: 90%; height:100%; background: #fff; position:absolute; top:0; right:0; z-index:1}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title h3{font-size: 36px; color: #292f3b; float: left; font-weight: bold;}
.index_news_title h3 span{color:#004097; font-size: 36px;}
.index_news_title p{font-size: 18px; color: #999999; font-family: "Arial"; margin-left: 20px; float: left; margin-top: 20px;}
.index_news_title .in_news_nav{float: right}
.in_news_nav a{width:135px; height: 44px; float: left; margin-left: 10px; border: 2px solid #004097; color: #333333; font-size: 16px; border-radius: 25px;
text-align: center; line-height: 40px;}
.in_news_nav a:hover{background: #004097; color: #fff}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.index_news_top ul{width:100%; height: auto; overflow: hidden}
.index_news_top ul li{width:362px; height: auto; float: left; margin-right:57px; margin-bottom: 10px}
.index_news_top ul li:nth-child(3n){ margin-right: 0}
.in_news_pic{width:100%; height: auto; overflow: hidden}
.in_news_pic img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.in_news_info{width:100%; height: auto; overflow: hidden; margin: 10px 0}
.in_news_info .in_news_time{width:57px; float: left}
.in_news_time span{font-size: 20px; color: #333333; display: block}
.in_news_time p{font-size:12px; color: #333333}
.in_news_info h3{width:290px; height: 42px; line-height: 42px; float: right; position:relative; font-size: 16px; color: #333333}
.in_news_info h3:after{content: ""; width: 20px; height: 4px; background: #39404f; border-radius: 5px; position: absolute; bottom:0; left:0; z-index: 1}
.index_news_top ul li h5{width:100%; height: 48px; font-size: 14px; color: #666666; line-height: 24px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; margin-top: 8px;}
.index_news_top ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_bottom{width:100%; height: auto; overflow: hidden; margin-top: 60px;}
.index_news_bottom ul{width:100%; height: auto; overflow: hidden}
.index_news_bottom ul li{width:362px; height: auto; float: left; margin-right:57px; margin-bottom:20px}
.index_news_bottom ul li:nth-child(3n){margin-right: 0}
.in_news_btime{width:57px; float: left}
.in_news_btime span{font-size: 20px; color: #333333; display: block}
.in_news_btime p{font-size:12px; color: #333333}
.in_news_binfo{width:288px; height: auto; float: right}
.in_news_binfo h3{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 8px;}
.in_news_binfo p{width:100%; height: 48px; line-height: 24px; font-size: 14px; color: #999999; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden;}
.in_news_xq{width:100%; height: 37px; border-top:1px solid #a8b1c3; line-height:37px; margin-top:18px; padding: 0px 10px;}
.in_news_xq span{float:left; font-size: 14px; color: #333333}
.in_news_xq i{width:30px; height: 100%; float: right; background: url(../images/news_jt.png) no-repeat center}
.index_news_bottom ul li:hover .in_news_xq{background: #004097; border-top:0}
.index_news_bottom ul li:hover .in_news_xq span{color:#fff}
.index_news_bottom ul li:hover .in_news_xq i{background: url(../images/news_bjt.png) no-repeat center; }
/*底部*/
.footer{width:100%; height:auto; overflow: hidden; margin-top: 50px; position: relative;background:#004097}
.footer_left{width:330px; height: 613px; float: left; background: url(../images/footer_bjs.jpg) no-repeat center; padding: 50px;}
.footer_left a{font-size: 24px; color: #ffffff; font-weight: bold; margin-bottom:30px; text-align: center; display: block}
.footer_left p{font-size: 16px; color: #fff; line-height: 40px; padding-left:30px; margin: 10px 0}
.f1{background:url(../images/f1.png) no-repeat left 10px}
.f2{background:url(../images/f2.png) no-repeat left 10px}
.f3{background:url(../images/f3.png) no-repeat left 10px}
.f_ma{width:100%; height: auto; overflow: hidden; margin-top:80px;}
.f_ma dl{width:100px; height: auto; overflow: hidden; float: left; margin-right:25px;}
.f_ma dl dt{width:100%; height: auto; text-align: center}
.f_ma dl dt img{width:90%; height: auto; display: block; margin: 8px auto;}
.f_ma dl dd{width:100%; height:30px; line-height:30px; font-size: 14px; color: #fff; text-align: center}
.f_ma_right{margin-right: 0!important}
.footer_right{width:800px; height: auto; float: right;margin-top: 30px}
.footer_input{width:100%; height: auto; overflow:hidden; margin-top: 50px;}
.footer_text{width:100%; height: 38px;}
.footer_text div{width:390px; height: 36px; float: left; border: 1px solid #fff; position:relative }
.footer_text input[type="text"]{width:100%; height:100%; border:0; background:none; padding: 0px 10px; font-size: 14px; color: #fff}
.input_hm{float: right!important}
.footer_right_top{width:100%; height: auto; overflow: hidden}
.footer_right_top dl{width:190px; height: auto; float: left; position: relative; padding-left: 40px;}
.footer_right_top dl dt{font-size: 16px; color: #fff; font-weight: bold;}
.footer_right_top dl dd{width:100%; height: auto; overflow:hidden; margin-top: 8px;}
.footer_right_top dl dd a{font-size: 14px; color: #fff; display: block; line-height:30px;}
.footer_right_top dl dd a:hover{color:#267bbb}
.footer_right_top dl:after{content: ""; width: 32px; height: 2px; background: #fff; position: absolute; top:10px; left:0; z-index: 9;}
.footer_input textarea{width:654px; height: 109px; float: left; border: 1px solid #fff; padding: 10px; background: none; font-size: 14px; color: #fff; resize: none; margin-top: 14px;}
.tijiao{width:120px; height: 113px; float: right; background: #fff; color:#004097; border: 0; margin-top: 14px; font-size: 16px; cursor: pointer}
.footer_text input::-webkit-input-placeholder { /* WebKit browsers */
color:#fff;
}
.footer_text input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#fff;
opacity: 1;
}
.footer_text input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#fff;
opacity: 1;
}
.footer_text input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#fff;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
color:#fff;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#fff;
opacity: 1;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#fff;
opacity: 1;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#fff;
}
.copy_l{font-size:12px; color:#fff; width: 100%; line-height: 30px; margin-top:80px;}
.copy_l a{color:#fff; margin-left: 20px}
.copy_l a:hover{color:#fff!important}
.footer_zhichi{width:100%; height:48px; }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff; line-height:40px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:10px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:10px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat}
.footer_zhichi span{float: left; font-size: 14px; color: #dedede; }
.footer_zhichi i{ float: left;}
/*友情链接*/
.footer_link{width:100%; height:auto; overflow: hidden; background: #fff; margin-top: -50px;}
.footer_link .container{padding-left: 380px}
.footer_link p{font-size: 14px; color: #333333; float: left;line-height:50px; margin-right: 20px;}
.footer_a a{font-size: 12px; color: #333; float: left; margin-right: 15px; }
.footer_a{width:700px; height: auto; float: left; overflow: hidden; line-height:30px; margin-top:10px;}
.footer_a a:hover{color:#004c9b}
/*推荐新闻*/
.nynews-top{width:100%; height: auto; overflow: hidden; margin-top: 25px;}
.nynews-top ul li{ width:586px; height:203px; transition: .3s; float: left}
.nynewst-l{width:287px; height: auto; float: left; overflow: hidden}
.nynewst-l img{width:100%; height: 100%; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.nynewst-r{width:277px; margin-left:22px; height: 190px; float: left}
.nynewst-r h3{ color:#333; font-size:16px; font-weight: bold; width: 100%; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.nynewst-r p{ color:#666; font-size:14px; width: 100%; height: 120px; line-height: 30px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
-webkit-box-orient:vertical; overflow:hidden; margin-top: 10px;}
.nynewst-r span{color:#333333; font-size:14px; line-height: 30px;}
.nynews-top ul li:nth-child(2n){float: right}
.ny_hot_bottom{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.ny_hot_bottom ul{width:100%; height: auto; overflow: hidden}
.ny_hot_bottom ul li{width:586px; height: 70px; line-height:70px; border-bottom:1px dashed #dadada; float: left;}
.ny_hot_bottom ul li p{width:400px; height:100%; float: left; font-size: 16px; color: #333333; font-weight: bold;
text-overflow: ellipsis; overflow: hidden; white-space:nowrap}
.ny_hot_bottom ul li span{font-size: 14px; color:#333; float: right}
.ny_hot_bottom ul li:nth-child(2n){ float: right}
.ny_hot_bottom ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.hot_news{width:130px; height: 41px; background:#004097; text-align: center; line-height: 41px; font-size: 14px; color: #fff; display: block; margin:26px auto ;}
.nynews-top ul li:hover .nynewst-l img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.nynews-top ul li:hover h3{color:#004097}
.ny_hot_bottom ul li:hover p,.ny_hot_bottom ul li:hover span{color:#004097}
.hot_news:hover{background: #fff; color:#004097; border: 1px solid #004097}
/*客服*/
.lxfx {
height: auto;
position: fixed;
right:0px;
top:250px;
width: 77px;
z-index: 999;
}
.lxfx li a {
color: rgb(255, 255, 255);
display: block;
height: 47px;
margin-top: 9px;
width: 300px;
font-size: 14px;
}
.leftlx {
float: left;
height: 47px;
width: 77px;
}
.lxfx li span {
border-left: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
float: left;
font-size: 20px;
height: 24px;
line-height: 22px;
margin-top: 8px;
padding-left: 8px;
}
.fix_ewm {
border: 5px solid rgb(255, 255, 255);
display: none;
height: 120px;
left: -145px;
position: absolute;
top: -40px;
width: 120px;
}
.lxfx li i {
display: block;
height: 27px;
margin: 0 auto;
text-align: center;
width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
background-position: 0 -25px;
}
.lxfx li i.icon-ly {
background-position: 4px -53px;
}
.lxfx li i.icon-wx {
background-position: -34px 4px;
}
.lxfx li i.icon-wb {
background-position: -30px -22px;
}
.lxfx li i.icon-top {
background-position: -30px -49px; height:32px;
}
.lxfx li p {
line-height: 12px;
text-align: center;
}
.lxfx li {
background:#004097;
height: 62px;
margin-bottom: 1px;
margin-left: 0;
overflow: hidden;
position: relative;
width: 77px; float:left;
}
/*内页*/
.ny_banner{width:100%; height:400px; position: relative; text-align: center; padding-top: 170px;}
.ny_banner h3{font-size: 36px; color: #fff;margin-top:30px}
.ny_banner img{ width:19px; height:20px; animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; cursor:pointer; }
@keyframes b_jump{
from{ transform:translateY(0); -webkit-transform:translateY(0);}
to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
@-webkit-keyframes b_jump{
from{ transform:translateY(0); -webkit-transform:translateY(0); }
to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
.ny_banner p{width:100%; height:auto; font-size: 14px; color: #ffffff; line-height: 28px; margin: 20px 0}
.case_ban{ background: url(../images/case_ban.jpg) no-repeat}
.bkzl_ban{ background: url(../images/bkzl_ban.jpg) no-repeat}
.qysl_ban{ background: url(../images/qysl_ban.jpg) no-repeat}
.about_ban{background: url(../images/about_ban.jpg) no-repeat}
.news_ban{ background: url(../images/news_ban.jpg) no-repeat}
.product_ban{ background: url(../images/pro_ban.jpg) no-repeat}
.rlzy_ban{background: url(../images/rlzy_ban.jpg) no-repeat}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat}
.yxwl_ban{background: url(../images/yxwl_ban.jpg) no-repeat}
.p-tit{height:70px;line-height:70px; border-bottom: 1px solid #dcdcdc}
.m-crm{color:#333;font-size:12px; background: url(../images/home.png) no-repeat left center; padding-left: 30px; float: left;font-size:14px;}
.m-crm a{font-size:14px; margin:0 3px;color:#333;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#004097;}
.p-tit ul{float:right; height: 100%;}
.p-tit ul li{float:left;margin:0 20px}
.p-tit ul li a{display:block;height:70px;line-height:70px;color:#333333;font-size:14px;}
.p-tit ul li.active a,.p-tit ul li:hover a{color:#004097}
.ny_about_info{font-size:14px; color:#666; line-height:30px; margin-bottom:40px; margin-top:35px; width:100%; height:auto; overflow:hidden}
.ny_about_one{width:100%; height: auto; overflow: hidden; margin-top:47px;line-height: 30px;margin-bottom:50px}
/*荣誉资质*/
.ny_honor{width:100%; height:auto; overflow:hidden; margin-top:35px; margin-bottom:40px;}
.ny_honor ul{width:100%; height:auto; overflow:hidden}
.ny_honor ul li{width:288px; height:auto; float:left; margin-right:15px; margin-bottom:20px;}
.ny_honor ul li .ny_honor_pic{width:100%; height:auto; border:1px solid #eee; overflow:hidden}
.ny_honor_pic img{width:100%; height:auto; display:block;}
.ny_honor ul li p{width:100%; height:40px; line-height:40px;font-size:16px; text-align:center; color:#333}
.ny_honor ul li:nth-child(4n){margin-right:0}
.go_black {
width: 90px;
height: 30px;
background: #004097;
color: #fff;
text-align: center;
line-height: 30px;
border-radius: 5px;
position: relative;
float: right;
}
/*产品详情页*/
.ny_pro_ft{width:100%; height: auto; margin-top: 60px;}
.ny_pro_ft h3{font-size: 30px;
color: #1b1b1b;
font-weight: 500;
margin-bottom: 25px;
text-align: center;}
.ny_pro_ft p,.ny_pro_fts p{font-size: 14px;
color: #707070;
line-height: 30px;
text-align: center;
width: 910px;
margin: 0px auto;}
.ny_product_show{width:100%; height: auto; overflow: hidden; margin: 55px 0;}
.ny_pro_top{width:100%; height: auto; overflow: hidden}
.ny_pro_tleft{width:523px; height:379px; float: left}
.ny_pro_tleft .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd; }
.ny_pro_tleft .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.ny_pro_tleft .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.ny_pro_tleft .slideBox .hd ul li{ float:left; margin-right:10px; width:12px; height:12px; line-height:14px; text-align:center; background:#c9c9c9; cursor:pointer; border-radius: 50%;}
.ny_pro_tleft .slideBox .hd ul li.on{ background:#004097; color:#fff; }
.ny_pro_tleft .slideBox .bd{ position:relative; height:100%; z-index:0; }
.ny_pro_tleft .slideBox .bd ul{width:100%; height: 100%; overflow: hidden}
.ny_pro_tleft .slideBox .bd li{width:100%; height: 100%; }
.ny_pro_tleft .slideBox .bd img{ width:100%; height:100%; display:block; }
.ny_pro_tright{width:630px; height: auto; float: right}
.ny_pro_tright h1{ font-size: 36px; color: #191919; height: 50px; line-height: 50px; margin-top: 10px;font-weight:700;}
.ny_pro_p{width:100%; height:81px; border-bottom: 1px solid #e5e5e5; margin-top:15px; overflow:hidden}
.ny_pro_p p{width:100%; height:100%; color: #000000; line-height: 35px; font-size: 15px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden;}
.ny_pro_a{width:100%; height: auto; overflow: hidden; margin: 20px 0 }
.ny_pro_a a{width:260px; height: 60px; background: #959595; display: block; overflow: hidden; line-height: 60px; font-size: 18px; color: #fff; float: left; margin-right: 18px; }
.ny_pro_a a:hover { background: #313131;}
.ny_pro_a a i{font-size: 28px; margin-right: 10px; float: left; margin-left:56px;}
.ny_pro_dh{width:100%; height:80px; margin-top:20px;}
.ny_pro_dh i{ color: #000000; font-size: 50px; float: left; line-height: 70px;}
.ny_pro_ddh{float: left;}
.ny_pro_ddh p{ font-size: 14px; color: #313131;}
.ny_pro_ddh span{ font-size: 30px; color: #004097; font-family: "Impact"}
.ny_pro_24{width:100%; height: 30px; line-height: 30px; overflow: hidden}
.ny_pro_24 p{font-size: 14px; color: #313131; background: url(../images/dh.png) no-repeat left center; float: left; padding-left: 20px; margin-right: 30px;}
.ny_pro_bottom{width:100%; height: auto; display: block; overflow: hidden; margin-top: 65px;}
.ny_pro_bleft{width:869px; height: auto; overflow: hidden; float: left}
.ny_pro_bright{width:300px; height: auto; float: right}
.ny_probt_case{width:100%; height:368px; margin-top: 30px; }
.ny_proshow_num h3,.ny_proshow_info h3{ font-size: 30px; color: #313131; font-weight: 500; text-align: center; margin-bottom: 24px;}
.nyprocase-div{width:100%; height: 203px; overflow:hidden; position: relative}
.ny_probt_xx h3{width: 100%; height:40px; line-height: 40px; font-size: 16px; color: #313131; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_proinput .ny_pro_ft{margin-top:50px;}
.ny_proinput .ny_pro_ft span{color: #004097;}
.ny_proinput ul{width:100%; height: auto; display: block; overflow: hidden; margin-top: 38px;}
.ny_proinput ul li{width:100%; height: auto; margin-bottom: 12px; overflow: hidden }
.ny_proinput ul li div{height: 36px; width: 420px; border: 1px solid #d2d2d2; float: left;}
.ny_proinput ul li div input{width:100%; height: 100%; border: 0px; padding-left: 10px;}
.li_dh{float: right!important}
.ny_proinput ul li textarea{width:100%; height: 88px; border: 1px solid #d2d2d2; padding: 10px; resize: none}
.liji_su{width:423px; height:46px; background: #004097; font-size: 16px; color: #ffffff; border: 0px; margin: 10px auto; display: block}
.ny_proinput{overflow:hidden; margin-bottom:20px;}
.ny_probt{width:100%; height:50px;}
.ny_probt li{width:100%; height:50px; background:#eeeeee; color:#313131; font-size:18px; float:left; text-align:center; line-height:50px; margin-right:1px;}
.ny_probt li:last-child{margin-right:0px;}
.ny_probt li:hover{background:#004097; color:#fff}
.ny_probt li:hover a{color:#fff}
.ny_probt li.on{background:#004097;}
.ny_probt li.on a{ color:#fff}
.ny_probt li a{width:100%; height:100%; display:block; overflow:hidden}
.ny_proshow_num{width:100%; height:auto; overflow:hidden; margin-top: 30px;}
.ny_proshow_info{width:100%; height:auto; overflow:hidden; margin-top: 30px; font-size:16pxx;color:#666; line-height:30px;}
.fangan_show{ margin-top:20px;}
.ny_hotnews{width:100%; height:auto; overflow: hidden; margin-bottom:20px;}
.ny_hotnews h3{width:100%; height:40px; background: #004097; color: #fff; text-align: center; line-height: 40px; font-size: 20px; padding: 0px 10px;}
.ny_hotnews ul{width:100%; height: auto; margin-top: 10px;}
.ny_hotnews ul li{width:100%; height:40px; line-height:40px; border-bottom: 1px solid #eee; padding: 0px 10px;}
.ny_hotnews ul li p{width:70%; float: left; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #191919; font-size: 14px;}
.ny_hotnews ul li span{float: right; font-size: 12px; color: #191919}
.ny_hotnews ul li:hover p,.ny_hotnews ul li:hover span{color:#004097}
.ny_hotnews_info{width:100%; height: auto; overflow: hidden; margin-top:15px; border: 1px solid #dad7d7; padding: 8px 7px;}
.ny_hotnews_info p{font-size: 14px; color: #191919; line-height: 26px;}
.ny_hotnews input[type="text"]{width:240px; height:35px; line-height:35px; border:1px solid #ddd; padding:0px 10px; float:left;}
#btnoks{width:50px; height:35px; background:#004097; color:#fff; font-size:14px; border:0px; float:right; border-radius:5px; cursor:pointer}
/*内页新闻*/
.ny_news_top{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.ny_news_top dl{width:578px; height: auto; float: left}
.ny_news_top dl dt{width:255px; height: 180px; overflow: hidden; float: left}
.ny_news_top dl dt img{width:100%; height: 100%;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.ny_news_top dl dd{width:298px; height: 184px; float: right}
.ny_news_top dl dd h3{width:100%; height: 30px; line-height: 30px; font-size: 18px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_top dl dd span{font-size: 14px; color: #999999; display: block; margin: 10px auto;}
.ny_news_top dl dd p{width:100%; height: 106px; font-size: 14px; color: #999999; line-height: 28px;}
.ny_news_top dl:nth-child(2n){float: right}
.ny_news_top dl:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;
}
.ny_news_top dl:hover h3,.ny_news_top dl:hover span,.ny_news_top dl:hover p{color:#004097}
.p-ct{width:100%; height: auto; overflow: hidden;margin-top:40px; margin-bottom: 100px;}
.new-list{width: 100%; height: auto;overflow: hidden; margin-bottom:25px;}
.new-list li{height:173px;padding:25px 50px 0; background: #eeeeee; margin-bottom: 18px;}
.new-list li:hover{background: linear-gradient(to right, #004097 0%,#368bff 100%);}
.new-list .f-imgfd-img{width:23px; height: 27px; float: right; background: url(../images/nh_jt.png) no-repeat; margin-top:54px}
.new-list li .f-imgfd-li{width:100%;height:100%;float: left;}
.f-imgfd-li dl{width:100%; height: 40px; line-height: 40px;}
.f-imgfd-li dl dt{width:600px; height: 100%; float: left; font-size: 18px; color: #333333; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.f-imgfd-li dl dd{font-size: 16px; color: #333333; float: right}
.f-xx{width:100%; height: 56px; line-height: 28px; font-size: 16px; color: #333; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; margin-top: 20px;}
.new-list li:hover dt,.new-list li:hover dd{color:#fff}
.new-list li:hover .f-xx{color:#fff}
.new-list li:hover .f-imgfd-img{background: url(../images/nb_jt.png) no-repeat center}
/*详情页*/
.nyinfo_title{width:100%;font-size:24px; color:#555; padding:10px 0px; text-align:center; clear:both;font-weight: bold}
.info_time{width:100%; line-height:30px; color:#999; height:30px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; clear:both}
.info_xq{width:100%; font-size:20px; color:#666; padding:10px 0px; clear:both}
.pro_page_con{color: #666; float:right; font-size: 14px; width: 72%; height: auto; overflow: hidden; line-height: 30px; margin-bottom: 40px;}
.keyword_light{font-size:16px; color:#666; line-height:30px; margin-bottom:30px;}
.ny_tui_title{width:100%; height: auto; text-align: center; }
.ny_tui_title p{font-size: 30px; color: #333333; font-weight: bold; text-align: center}
.ny_tui_title hr{width:24px; height: 5px; background: #004097; display: block; margin: 20px auto 40px;}
.ny_tui_news{width:100%; height: auto; overflow: hidden; margin:30px 0 50px}
/*联系我们*/
.lxwm{width:100%;padding:20px 0;line-height:24px;float:left}
.lxwm_z{float:left; font-size:16px; color:#666; line-height:26px;}
.lxwm_z h3{color:#666;line-height:35px;font-weight:700}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px;box-sizing:content-box}
.lxwm_r li img{width:120px;height:120px; display:block;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center; font-size:14px; color:#666;}
.lxwm_z p{line-height:26px;color:#666;font-size:14px; height:auto;}
@media screen and (max-width:1600px){
.index_news:after{width:97%}
.index_product:after{width:96%}
}